<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Our Team</title>
        <link rel="icon" type="image/png" href="assets/images/favicon.png" />
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/css/slick.css" />
        <link rel="stylesheet" href="assets/css/slick-theme.css" />
        <link rel="stylesheet" href="assets/css/all.min.css" />
        <link rel="stylesheet" href="assets/css/style.css" />
    </head>
    <body>
        <!-- Start Header -->
        <header>
            <div class="header-area bg-semi py-2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="main-menu">
                                <nav class="navbar navbar-expand-lg aligh-items-center">
                                    <a class="navbar-brand" href="index.html">
                                        <img src="assets/images/logo.png" alt="logo" class="img-fluid" />
                                    </a>
                                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation">
                                        <span class="fas fa-bars text-white"></span>
                                    </button>
                                    <div class="collapse navbar-collapse nav-wrapper" id="mainMenu">
                                        <ul class="navbar-nav mx-auto">
                                            <li class="nav-item active dropdown">
                                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                    Home
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="index.html">Home 1</a></li>
                                                    <li><a class="dropdown-item" href="index-2.html">Home 2</a></li>
                                                    <li><a class="dropdown-item" href="index-3.html">Home 3</a></li>
                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="project_page.html">Projects</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="services.html">Services</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="about.html">About</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="blog.html">Blog</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="contact.html">Contact</a>
                                            </li>
                                            <li class="nav-item dropdown">
                                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                    Pages
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="blog_left_sidebar.html">Blog Left Sedebar</a></li>
                                                    <li><a class="dropdown-item" href="bog_right_sidebar.html">Bog Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="blog_details.html">Blog Details</a></li>
                                                    <li><a class="dropdown-item" href="sustainability.html">Sustainability </a></li>
                                                    <li><a class="dropdown-item" href="subcontractor.html">Subcontractor </a></li>
                                                    <li><a class="dropdown-item" href="single_service.html">Single Service </a></li>
                                                    <li><a class="dropdown-item" href="investor.html">Investor</a></li>
                                                    <li><a class="dropdown-item" href="our_team.html">Our Team</a></li>
                                                    <li><a class="dropdown-item" href="project_page_2.html">Project Page 2</a></li>
                                                    <li><a class="dropdown-item" href="project_page_3.html">Project Page 3</a></li>
                                                    <li><a class="dropdown-item" href="project_details.html">Project Details</a></li>
                                                    <li><a class="dropdown-item" href="project_details_2.html">Project Details 2</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <div class="extended-menu">
                                            <ul class="navbar-nav">
                                                <li class="nav-link">
                                                    <a data-bs-toggle="modal" data-bs-target="#searchModal" href="#"><img class="search-icon" src="assets/images/search_icon.png" alt="search" /></a>
                                                </li>
                                                <li class="nav-link">
                                                    <button class="custom-big-btn" data-bs-toggle="modal" data-bs-target="#quoteModal">
                                                        Get A Quote <span><i class="fas fa-caret-right"></i></span>
                                                    </button>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Search Modal -->
            <div class="modal fade" id="searchModal" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-fullscreen">
                    <div class="modal-content border-radius-0">
                        <div class="modal-header px-4">
                            <h3 class="heading-3">Search Here</h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="contact-form">
                                <form action="#">
                                    <div class="mb-3">
                                        <input type="search" class="form-control" aria-describedby="searchHelp" placeholder="Search Here" required />
                                        <div id="searchHelp" class="form-text">Type Here Your Text Now.</div>
                                    </div>
                                    <button type="submit" class="custom-btn w-100">Start Searching</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Search Modal -->
            <!-- Start Quote Modal -->
            <div class="modal fade" id="quoteModal" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-xl">
                    <div class="modal-content border-radius-0">
                        <div class="modal-header px-5">
                            <h3 class="heading-3">Request Your Quote</h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body p-4">
                            <div class="contact-form">
                                <form action="#" class="row">
                                    <div class="col-md-6 mb-4">
                                        <div class="form-group">
                                            <label for="user_name">Name</label>
                                            <input type="text" class="form-control" id="user_name" placeholder="Your Full Name" required="" />
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <div class="form-group">
                                            <label for="user_email">Email</label>
                                            <input type="email" name="user_email" class="form-control" id="user_email" placeholder="Your Email" required="" />
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <div class="form-group">
                                            <label for="user_phone_number">Your Phone</label>
                                            <input type="number" class="form-control" name="user_phone_number" id="user_phone_number" placeholder="Your Phone" required="" />
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <div class="form-group">
                                            <label for="user_subject">Subject</label>
                                            <input type="text" class="form-control" name="user_subject" id="user_subject" placeholder="Subject" required="" />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="user_message">Write Your Message</label>
                                        </div>
                                        <textarea name="user_message" id="user_message" cols="30" rows="10" class="form-control" placeholder="Your Message"></textarea>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <button type="submit">Submit Contact</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Quote Modal -->
        </header>
        <!-- End Header -->
        <!-- Start Hero Area -4 -->
        <section class="hero-section">
            <div class="hero-area-4 height-500" style="background-image: url(assets/images/page_bg_03.jpg);">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="hero-text-4">
                                <h6 class="sub-title-3">Best engineers in</h6>
                                <h2 class="heading-alt-2">Our Team.</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Hero Area 4 -->
        <!-- Start Our Team Area -->
        <section class="section-ptb bg-semi-white">
            <div class="our-team-area">
                <div class="container">
                    <div class="row inner-pb">
                        <div class="col-md-12">
                            <div class="section-title">
                                <h2 class="heading-2">Our Experts <span class="light-comma"></span></h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-6 mb-5">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_01.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-5">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_05.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-5">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_02.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_03.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-5 mb-sm-0">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_04.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-5 mb-sm-0">
                            <div class="single-team">
                                <div class="member-thumb w-100">
                                    <img src="assets/images/team_05.jpg" alt="team member 01" class="img-fluid w-100" />
                                </div>
                                <div class="hover-text">
                                    <h3>Mojlak Fanck</h3>
                                    <p>Building Worker</p>
                                </div>
                                <div class="social-links">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Our Team Area -->
        <!-- Start Our Skills Area -->
        <section class="section-ptb">
            <div class="our-skills-section">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section-title">
                                <h2 class="heading-2 inner-pb">Our Skills<span class="light-comma"></span></h2>
                            </div>
                        </div>
                    </div>
                    <div class="row gx-xl-5">
                        <div class="col-md-6 mb-4 mb-md-0">
                          <div class="our-skills-area">
                             <div class="skills-wrapper">
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Production</span>
                                         <span class="skill-rank">95%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">EPC Works</span>
                                         <span class="skill-rank">60%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Customer Satisfaction</span>
                                         <span class="skill-rank">90%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Utillizaion Rate</span>
                                         <span class="skill-rank">80%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Project Done</span>
                                         <span class="skill-rank">75%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                             </div>
                          </div>
                      </div>
                        <div class="col-md-6">
                          <div class="our-skills-area">
                             <div class="skills-wrapper">
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Interior Renovation</span>
                                         <span class="skill-rank">90%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Solar Systems</span>
                                         <span class="skill-rank">80%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Paver Walkways</span>
                                         <span class="skill-rank">70%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress mb-4">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Utillizaion Rate</span>
                                         <span class="skill-rank">60%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                                 <div class="single-progress">
                                     <div class="progress-info d-flex justify-content-between mb-2">
                                         <span class="skill-name">Tiling and Painting</span>
                                         <span class="skill-rank">55%</span>
                                     </div>
                                     <div class="progress">
                                      <div class="progress-bar" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
                                     </div>
                                 </div>
                             </div>
                          </div>
                      </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Our Skills Area -->
        <!-- Start Footer -->
        <footer class="semi-hover-4">
            <div class="footer-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-4 col-md-12 semi-hover-5 ptb-100 text-center">
                            <div class="footer-big-widget">
                                <a href="#"><img src="assets/images/logo.png" alt="logo" class="img-fluid" /></a>
                                <div class="contact-number py-5">
                                    <span>CALL US TODAY</span>
                                    <h2><a href="tel:+185-671-1338">+185-671-1338</a></h2>
                                </div>
                                <div class="social-profiles">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="copyright-text mt-5">
                                    <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-12 ptb-100">
                            <div class="row">
                                <div class="col-md-4 ps-xl-4 mb-5 mb-md-0">
                                    <div class="footer-widget">
                                        <h2 class="widget-title">Recent Posts</h2>
                                        <ul class="widget-menu with-icon mt-4">
                                            <li>
                                                <span><i class="fas fa-caret-right"></i></span> <a href="blog_details.html">Water leakin and the house’s fasci what do i do.</a>
                                            </li>
                                            <li>
                                                <span><i class="fas fa-caret-right"></i></span><a href="blog_details.html">Red mold in the what is its how and how to get rid.</a>
                                            </li>
                                            <li>
                                                <span><i class="fas fa-caret-right"></i></span><a href="blog_details.html">Black mold how dangerous is it and zshoul you remove it.</a>
                                            </li>
                                            <li>
                                                <span><i class="fas fa-caret-right"></i></span><a href="blog_details.html">White mold how is it and zshoul you remove it.</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-4 mb-5 mb-md-0">
                                    <div class="footer-widget">
                                        <h2 class="widget-title">Company</h2>
                                        <ul class="widget-menu mt-4">
                                            <li><a href="#">Home</a></li>
                                            <li><a href="#">Company News</a></li>
                                            <li><a href="#">Project</a></li>
                                            <li><a href="#">Who We Are</a></li>
                                            <li><a href="#">Our Services</a></li>
                                            <li><a href="#">Project</a></li>
                                            <li><a href="#">Contact Us</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="footer-widget">
                                        <h2 class="widget-title">About Us</h2>
                                        <ul class="widget-menu mt-4">
                                            <li><a href="#">Our Company</a></li>
                                            <li><a href="#">Contact Us</a></li>
                                            <li><a href="#">Our Services</a></li>
                                            <li><a href="#">Projects</a></li>
                                            <li><a href="#">Career</a></li>
                                            <li><a href="#">Our Team</a></li>
                                            <li><a href="#">Price & Plans</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- End Footer -->
        <script src="assets/js/jquery-3.5.1.min.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>
